<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>B06公寓选房</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Save for Web Styles (七层.psd) -->
<link href="css/B06_cut_02.css" rel="stylesheet" type="text/css" />
<!-- End Save for Web Styles -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.query.js"></script>
<script type="text/javascript" src="js/adminShowRoom.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		//通过url地址获取层数的参数
		var url = parent.window.location.href;
		var floor = $.query.load(url).get("f");
		$("div[id*='B06-']").each(function() {
			var room = $(this);
			var id = room.attr("id");
			var patten = /^B06-\d{2}-\d{2}$/;

			room.addClass(id);

			if (patten.test(id)) {
				room.attr("id","o_"+id);
				setRoomState(id, function(){
					showRoom(id);
				}, "black");
				room.click(function(){					
					showRoom(id);
				}); 				
			}
		});
		//获取该层的所有房间信息
		$.post("AjaxAction!getRoomInfo.action", {
			department : "B06",
			floor : floor
		}, function(data) {
			$(data).each(function(i) {
				var func = function(){
					showRoom(data[i].room_number);
				};
				if (data[i].total == data[i].current || data[i].chooseAble == 0) {
					setRoomState(data[i].room_number, func, "black");
				} else {
					if (data[i].gender_type == '0') { //男生房间用蓝色遮罩层
						setRoomState(data[i].room_number, func, "blue");
					} else { //女生房间用红色遮罩层表示
						setRoomState(data[i].room_number, func, "red");
					}
				}
			});
		}, "json");
	});
</script>
</head>
<body
	style="background-color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
	<!-- Save for Web Slices (七层.psd) -->
	<div id="__01">
		<div id="chooseInfo">
			<p style="margin: 5px 0 0 30px">
				<span>当前房间：</span><span id="currentRoom">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>开放状态：</span><span id="roomState">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>房间类型：</span><span id="roomSex">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>空余床位：</span><span id="leftBed">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<button id="changeBt" disabled class="button"
					onclick="changeRoomState()">修改</button>
			</p>
		</div>
		<div id="bed" style="visibility: visible"></div>
		<div id="B06-L02-x4e8cx5c42">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;.gif" width="600" height="13" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42002">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-02.gif" width="138" height="82" alt="">
	</div>
	<div id="B06-02-21">
		<img src="images/B06/01/21.gif" width="26" height="56" alt="">
	</div>
	<div id="B06-02-23">
		<img src="images/B06/01/23.gif" width="22" height="56" alt="">
	</div>
	<div id="B06-02-25">
		<img src="images/B06/01/25.gif" width="23" height="56" alt="">
	</div>
	<div id="B06-02-27">
		<img src="images/B06/01/27.gif" width="22" height="56" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42007">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-07.gif" width="136" height="532" alt="">
	</div>
	<div id="B06-02-29">
		<img src="images/B06/01/29.gif" width="23" height="56" alt="">
	</div>
	<div id="B06-02-31">
		<img src="images/B06/01/31.gif" width="22" height="56" alt="">
	</div>
	<div id="B06-02-33">
		<img src="images/B06/01/33.gif" width="23" height="56" alt="">
	</div>
	<div id="B06-02-35">
		<img src="images/B06/01/35.gif" width="22" height="56" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42012">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-12.gif" width="143" height="82" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42013">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-13.gif" width="93" height="32" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42014">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-14.gif" width="90" height="32" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42015">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-15.gif" width="8" height="450" alt="">
	</div>
	<div id="B06-02-20">
		<img src="images/B06/01/20.gif" width="40" height="33" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42017">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-17.gif" width="90" height="67" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42018">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-18.gif" width="94" height="67" alt="">
	</div>
	<div id="B06-02-37">
		<img src="images/B06/01/37.gif" width="39" height="33" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42020">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-20.gif" width="10" height="450" alt="">
	</div>
	<div id="B06-02-22">
		<img src="images/B06/01/22.gif" width="26" height="61" alt="">
	</div>
	<div id="B06-02-24">
		<img src="images/B06/01/24.gif" width="22" height="61" alt="">
	</div>
	<div id="B06-02-26">
		<img src="images/B06/01/26.gif" width="23" height="61" alt="">
	</div>
	<div id="B06-02-28">
		<img src="images/B06/01/28.gif" width="22" height="61" alt="">
	</div>
	<div id="B06-02-30">
		<img src="images/B06/01/30.gif" width="23" height="61" alt="">
	</div>
	<div id="B06-02-32">
		<img src="images/B06/01/32.gif" width="22" height="61" alt="">
	</div>
	<div id="B06-02-34">
		<img src="images/B06/01/34.gif" width="23" height="61" alt="">
	</div>
	<div id="B06-02-36">
		<img src="images/B06/01/36.gif" width="22" height="61" alt="">
	</div>
	<div id="B06-02-19">
		<img src="images/B06/01/19.gif" width="40" height="34" alt="">
	</div>
	<div id="B06-02-38">
		<img src="images/B06/01/38.gif" width="39" height="34" alt="">
	</div>
	<div id="B06-02-17">
		<img src="images/B06/01/17.gif" width="40" height="33" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42032">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-32.gif" width="20" height="383" alt="">
	</div>
	<div id="B06-02-18">
		<img src="images/B06/01/18.gif" width="39" height="33" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42034">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-34.gif" width="124" height="383" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42035">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-35.gif" width="123" height="383" alt="">
	</div>
	<div id="B06-02-40">
		<img src="images/B06/01/40.gif" width="41" height="33" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42037">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-37.gif" width="20" height="383" alt="">
	</div>
	<div id="B06-02-39">
		<img src="images/B06/01/39.gif" width="39" height="33" alt="">
	</div>
	<div id="B06-02-15">
		<img src="images/B06/01/15.gif" width="40" height="33" alt="">
	</div>
	<div id="B06-02-16">
		<img src="images/B06/01/16.gif" width="39" height="33" alt="">
	</div>
	<div id="B06-02-42">
		<img src="images/B06/01/42.gif" width="41" height="33" alt="">
	</div>
	<div id="B06-02-41">
		<img src="images/B06/01/41.gif" width="39" height="33" alt="">
	</div>
	<div id="B06-02-13">
		<img src="images/B06/01/13.gif" width="40" height="33" alt="">
	</div>
	<div id="B06-02-14">
		<img src="images/B06/01/14.gif" width="39" height="33" alt="">
	</div>
	<div id="B06-02-44">
		<img src="images/B06/01/44.gif" width="41" height="33" alt="">
	</div>
	<div id="B06-02-43">
		<img src="images/B06/01/43.gif" width="39" height="33" alt="">
	</div>
	<div id="B06-02-11">
		<img src="images/B06/01/11.gif" width="40" height="34" alt="">
	</div>
	<div id="B06-02-12">
		<img src="images/B06/01/12.gif" width="39" height="34" alt="">
	</div>
	<div id="B06-02-46">
		<img src="images/B06/01/46.gif" width="41" height="34" alt="">
	</div>
	<div id="B06-02-45">
		<img src="images/B06/01/45.gif" width="39" height="34" alt="">
	</div>
	<div id="B06-02-09">
		<img src="images/B06/01/09.gif" width="40" height="33" alt="">
	</div>
	<div id="B06-02-10">
		<img src="images/B06/01/10.gif" width="39" height="33" alt="">
	</div>
	<div id="B06-02-48">
		<img src="images/B06/01/48.gif" width="41" height="33" alt="">
	</div>
	<div id="B06-02-47">
		<img src="images/B06/01/47.gif" width="39" height="33" alt="">
	</div>
	<div id="B06-02-07">
		<img src="images/B06/01/07.gif" width="40" height="34" alt="">
	</div>
	<div id="B06-02-08">
		<img src="images/B06/01/08.gif" width="39" height="34" alt="">
	</div>
	<div id="B06-02-50">
		<img src="images/B06/01/50.gif" width="41" height="34" alt="">
	</div>
	<div id="B06-02-49">
		<img src="images/B06/01/49.gif" width="39" height="34" alt="">
	</div>
	<div id="B06-02-05">
		<img src="images/B06/01/05.gif" width="40" height="33" alt="">
	</div>
	<div id="B06-02-06">
		<img src="images/B06/01/06.gif" width="39" height="33" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42061">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-61.gif" width="41" height="183" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42062">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-62.gif" width="39" height="183" alt="">
	</div>
	<div id="B06-02-03">
		<img src="images/B06/01/03.gif" width="40" height="33" alt="">
	</div>
	<div id="B06-02-04">
		<img src="images/B06/01/04.gif" width="39" height="33" alt="">
	</div>
	<div id="B06-02-01">
		<img src="images/B06/01/01.gif" width="40" height="32" alt="">
	</div>
	<div id="B06-02-02">
		<img src="images/B06/01/02.gif" width="39" height="32" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42067">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-67.gif" width="40" height="85" alt="">
	</div>
	<div id="B06-L02-x4e8cx5c42068">
		<img src="images/B06/01/B06-L02-&#x4e8c;&#x5c42;-68.gif" width="39" height="85" alt="">
	</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>